<template>
    <div>
        {{rate}}
    </div>
</template>

<script setup>
    import { defineProps, computed } from 'vue';

    let props = defineProps({
        value:Number
    })
    let rate = computed(()=> "★★★★★☆☆☆☆☆"
    .slice(5 - props.value,10 - props.value))



</script>

<style lang="css" scoped>

</style>